<template>
  <div class="menu-box">
    <menu_div>
      <menu_li>北京</menu_li>
      <menu_li>湖北</menu_li>
      <menu_ul>
        <div slot="title">城市</div>
        <menu_li>武汉</menu_li>
        <menu_li>黄石</menu_li>
        <menu_li>黄冈</menu_li>
        <menu_ul>
          <div slot="title">县</div>
          <menu_li>麻城</menu_li>
          <menu_li>红安</menu_li>
          <menu_li>武穴</menu_li>
        </menu_ul>
      </menu_ul>
    </menu_div>
  </div>
</template>

<script>
import menuCom from "../components/menuCom/index.js";
const { menu_div, menu_li, menu_ul } = menuCom;
export default {
  props: {},
  data() {
    return {};
  },

  components: {
    menu_div,
    menu_li,
    menu_ul
  }
};
</script>

<style lang='less'>
.menu-box {
  width: 500px;
  height: 700px;
  background-color: #eee;
}
</style>
